$(() => {
    /* 
    功能1：获取评论数据并渲染到页面
    */
    let data = {
        page: 1,
        perpage: 10
    }
    // 渲染模块
    const getComment = () => {
        myajax('get', '/admin/comment/search', data, (res) => {
            // console.log(res);
            // 获取数据并渲染
            const htmlStr = template('comment_muban', res.data)
            $('tbody').html(htmlStr)
            // 分页模块函数
            test_page(res.data.totalCount)
        })
    }
    getComment()

    // 封装分页模块函数
    const test_page = (totalCount) => {
        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'test_page' //注意，这里的 test1 是 ID，不用加 # 号
                , count: totalCount, //数据总数，从服务端得到
                // 加上curr防止点击后自动跳转回分页1
                curr: data.page,
                jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    // console.log(obj.limit); //得到每页显示的条数

                    //首次不执行
                    if (!first) {
                        // 点击后改变data数据
                        data.page = obj.curr
                        // 渲染
                        getComment()
                    }
                }
            });
        });
    }


    /* 
    功能2：批准评论通过
    */
    //使用冒泡事件
    $('tbody').on('click', '.btn_tongguo', function () {
        console.log('通过按钮');
        // 取得该按钮的id
        const id = $(this).data('id')
        console.log(id);
        layer.confirm('确定批准？', { icon: 3, title: '提示' }, function (index) {
            myajax('post', '/admin/comment/pass', { id }, (res) => {
                // 渲染
                getComment()
            })
            // 这个是点击后关闭弹窗的
            layer.close(index);
        });
    })



    /* 
    功能3：拒绝评论通过
    */
    $('tbody').on('click', '.btn_jujue', function () {
        // 取得该按钮的id
        const id = $(this).data('id')
        console.log(id);
        layer.confirm('确定拒绝？', { icon: 3, title: '提示' }, function (index) {
            myajax('post', '/admin/comment/reject', { id }, (res) => {
                // 渲染
                getComment()
            })
            // 这个是点击后关闭弹窗的
            layer.close(index);
        });
    })

    /* 
    功能4：删除评论
    */
    $('tbody').on('click', '.btn_del', function () {
        console.log('通过按钮');
        // 取得该按钮的id
        const id = $(this).data('id')
        console.log(id);
        layer.confirm('确定删除？', { icon: 3, title: '提示' }, function (index) {
            myajax('post', '/admin/comment/delete', { id }, (res) => {
                console.log(res);
                // 渲染
                getComment()
            })
            // 这个是点击后关闭弹窗的
            layer.close(index);
        });
    })
})